<template>
  <div>
    <ul class="historyVal">
      <li v-for="(v, i) in historyList" :key="i">{{ v }}</li>
    </ul>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  name: "searcnhHistory",

  data() {
    return {};
  },
  mounted() {},
  methods: {},
  created(){


  },
computed:{
    ...mapState({
            historyList:"historyList"
        })
}
};
</script>

<style  scoped>
.historyVal {
  /* display: none; */
  color: black;
}
.historyVal li {
  border-bottom: 1px solid #e6e6e6;
  font-size: 19px;
  text-align: center;
  /* display: none; */
}
</style>